<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=800" />
        <title>每日一思</title>
        <link rel="shortcut icon" href="images/favicon.png" />
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
    
        <link rel="stylesheet" href="css/PersonalDevelopmentApp.css" />
        <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
        
        <link rel="stylesheet" href="wlclient/css/wlclient.css" />
		<link rel="stylesheet" href="xilinus/css/default.css" />
		<link rel="stylesheet" href="xilinus/css/alphacube.css" />
		<link rel="stylesheet" href="wlclient/css/wlgap.android.css" />
		<script type="text/javascript">
		    // Define WL namespace. 
		    var WL = WL ? WL : {};
		    
		    /** 
		     * WLClient configuration variables.
		     * Values are injected by the deployer that packs the gadget.
		     */
		    WL.StaticAppProps = {
		      "APP_DISPLAY_NAME": "PersonalDevelopmentApp",
		      "APP_LOGIN_TYPE": "never",
		      "APP_SERVICES_URL": "/apps/services/",
		      "APP_VERSION": "1.0",
		      "ENVIRONMENT": "android",
		      "LOGIN_DISPLAY_TYPE": "embedded",
		      "LOGIN_REALM": null,
		      "WORKLIGHT_ROOT_URL": "/apps/services/api/PersonalDevelopmentApp/android/0/"
		};
		</script>
		<script src="common/js/prototype.js"></script>
		<script src="wlclient/js/phonegap.js"></script>
		<script src="common/js/base.js"></script>
		<script src="wlclient/js/messages.js"></script>
		<script src="common/js/wlcommon.js"></script>
		<script src="xilinus/js/window.js"></script>
		<script src="wlclient/js/worklight.js"></script>
		<script src="wlclient/js/wlclient.js"></script>
		<script src="wlclient/js/wlfragments.js"></script>
		<script src="wlclient/js/encryptedcache.js"></script>
		<script src="wlclient/js/checksum.js"></script>
		<script src="wlclient/js/wlgap.android.js"></script>

		<script src="js/jquery-1.7.1.js"></script>
        <script>
			var jq=jQuery.noConflict();
        </script>

		<script src="js/jquery.mobile-1.1.0.min.js"></script>
		<script src="js/jquery.tmpl.min.js"></script>
        
    </head>
    <body onload="WL.Client.init({})" id="content">

		<!-- 每日一思列表页面 -->
		<div data-role="page" id="ThoughtsListPage" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>每日一思</h3>
				<a href="#" data-icon="refresh" class="ui-btn-left" onclick="loadFeeds()">刷新</a>
				<a href="dialog.html" id="offline" data-icon="gear" class="ui-btn-right" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content">
				<ul data-role="listview" id="ThoughtsList"></ul>
			</div>
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a href="#ThoughtsListPage" data-icon="grid" class="ui-btn-active ui-state-persist">每日一思</a></li>
						<li><a href="#AboutPage" data-icon="grid">发展目标</a></li>
						<li><a href="#AboutPage" data-icon="grid">精彩分享</a></li>
						<li><a href="#AboutPage" data-icon="info">关于</a></li>
					</ul>
				</div>
			</div>
		</div> 
		
		<!-- 每日一思详细内容页面 -->
		<div data-role="page" id="ThoughtContentPage" data-add-back-btn="false" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<a href="index.html" data-role="button" data-ref="back" data-icon="back">返回</a>
				<h3 id="ThoughtTitle"></h3>
				<a href="#dialog" data-role="button" data-icon="gear" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content" id="GoalContent">
			</div> 
		</div> 
		
		<!-- 发展目标列表页面 -->
		<div data-role="page" id="ThoughtsListPage" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>每日一思</h3>
				<a href="#" data-icon="refresh" class="ui-btn-left" onclick="loadFeeds()">刷新</a>
				<a href="dialog.html" id="offline" data-icon="gear" class="ui-btn-right" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content">
				<ul data-role="listview" id="ThoughtsList"></ul>
			</div>
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a href="#ThoughtsListPage" data-icon="grid" class="ui-btn-active ui-state-persist">每日一思</a></li>
						<li><a href="#AboutPage" data-icon="grid">发展目标</a></li>
						<li><a href="#AboutPage" data-icon="grid">精彩分享</a></li>
						<li><a href="#AboutPage" data-icon="info">关于</a></li>
					</ul>
				</div>
			</div>
		</div> 
		
		<!-- 发展目标详细内容页面 -->
		<div data-role="page" id="GoalContentPage" data-add-back-btn="false" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<a href="index.html" data-role="button" data-ref="back" data-icon="back">返回</a>
				<h3 id="FeedTitle"></h3>
				<a href="#dialog" data-role="button" data-icon="gear" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content" id="GoalContent">
			</div> 
		</div> 
		
		<!-- 关于应用介绍页面 -->
		<div data-role="page" id="AboutPage" data-theme="c" data-add-back-btn="true" > 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>关于</h3>
				<a href="#dialog" data-role="button" data-rel="dialog" data-icon="gear" class="ui-btn-right">设置</a>
			</div>
			<div data-role="content" id="AboutContent">
				<div id="aboutWorklightTitle"></div>
				<div id="aboutWorklightText">Efficiently develop, run and manage HTML5, hybrid and native apps for smartphones and tablets with the Worklight platform and tools.</div>
				<div id="aboutWorklightLink">www.worklight.com</div>
			</div>
		</div>
		
		<!-- 设置对话框页面 -->
		<div data-role="dialog" id="DialogPage" data-theme="c"> 
			<div data-role="header" data-theme="c">
				<h1>设置</h1>
			</div>
			
			<div data-role="content">
				<h3 id="DialogText">TBD</h3>
				<a href="#" data-role="button" data-rel="back">关闭</a>			
			</div> 
		</div>
    	
        <script src="js/PersonalDevelopmentApp.js"></script>
        <script src="js/messages.js"></script>
        <script src="js/auth.js"></script>
        
    </body>
</html>